<template>
  <div class="">
    <h1>过滤器</h1>
    <h2>{{ price | filnum("$") }}</h2>
    <h2>{{ price | filnum("¥") }}</h2>
    <h1>{{ time | filtime }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      price: 100,
      time: new Date(),
      // 2021-6-1 16:12:23
    };
  },
  mounted() {},
  methods: {},
  filters: {
    filnum(val, val2) {
      return val + val2;
    },
    // 第一个参数是要过滤的值，第二参数才是使用过滤器时候传的参数
  },
  //过滤器又分为局部过滤器和全局过滤器，在这里是一个局部过滤器，全局的定义在main.js
};
</script>

<style lang="scss"></style>
